<script setup>

</script>

<template>
    <div class="container">
        <div class="item">
            <img src="/测试用的图片/2.jpg" alt="" srcset="">
            <span>考试日历</span>
        </div>
        <div class="item">
            <img src="/测试用的图片/2.jpg" alt="" srcset="">
            <span>图书商城</span>
        </div>
    </div>

</template>

<style scoped >
.container{
    display: flex;
    align-items: center;
    justify-content: center;
}
.item+.item{
    margin-left: 100px;
}
.item{
    background: #ecf3fc;
    text-align: center;
    line-height: 20px;
    padding: 10px;
}
.item img{
    width: 50px;
    height: 50px;
    display: block;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
</style>
